<template>
  <div class="form-page">
    111
    <!-- <a-form
      :form.async="form"
      :option="option"
      :detail="detail"
      @aFormMethods="aFormMethods"
    ></a-form> -->
  </div>
</template>

<script>
// import AForm from "@/components/aform/form.vue";
export default {
  name: "index",
  components: {
    // AForm,
  },
  data() {
    return {
      // 测试表单组件配置
      option: {
        column: [
          {
            label: "上传",
            custom: "customUpload",
            type: "customUpload",
            // required: true,
            params: {
              type: "image",
              fileType: "image/jpeg",
              fileSize: 2,
            },
            component: "customUpload",
            span: 24,
            prop: "a166126914632983936",
          },
          {
            label: "姓名",
            type: "customInfo",
            // required: true,
            params: {
              key: "nickName",
            },
            custom: "customInfo",
            component: "customInfo",
            span: 24,
            prop: "a166126914632983937",
            eformModel: ["xm"],
            modelType: "string",
          },
          {
            type: "input",
            label: "单行文本",
            span: 24,
            // 是否显示
            display: true,
            // 单组件可用detail来处理不可编辑的展示状态
            // detail: true,
            prop: "a166126914632983938",
            // required: true,
          },
          {
            type: "password",
            label: "密码",
            span: 24,
            display: true,
            prop: "a166126914632983939",
            // required: true,
          },
          {
            type: "textarea",
            label: "多行文本",
            span: 24,
            display: true,
            prop: "a166126914632983940",
            // required: true,
            maxlength: 100,
            minRows: 2,
            maxRows: 4,
            showWordLimit: true,
          },
          {
            type: "number",
            label: "计数器",
            controls: true,
            span: 24,
            display: true,
            prop: "a166126914632983941",
            // required: true,
          },
          {
            type: "map",
            label: "地图选择器",
            span: 24,
            display: true,
            prop: "a166126914632983942",
            // required: true,
          },
          {
            type: "radio",
            label: "单选框",
            dicData: [
              {
                label: "选项一",
                value: "0",
              },
              {
                label: "选项二",
                value: "1",
              },
            ],
            span: 24,
            display: true,
            props: {
              label: "label",
              value: "value",
              desc: "desc",
            },
            prop: "a166126914632983943",
            // required: true,
          },
          {
            type: "checkbox",
            label: "多选框",
            dicData: [
              {
                label: "选项一",
                value: "0",
              },
              {
                label: "选项二",
                value: "1",
              },
            ],
            span: 24,
            display: true,
            props: {
              label: "label",
              value: "value",
              desc: "desc",
            },
            prop: "a166126914632983944",
            // required: true,
          },
          {
            type: "select",
            label: "下拉选择器",
            dicData: [
              {
                label: "选项一",
                value: "0",
              },
              {
                label: "选项二",
                value: "1",
              },
              {
                label: "选项三",
                value: "2",
              },
            ],
            span: 24,
            display: true,
            props: {
              label: "label",
              value: "value",
              desc: "desc",
            },
            prop: "a166126914632983945",
            cascader: [],
            // required: true,
          },
          {
            type: "cascader",
            label: "级联选择器",
            dicData: [
              {
                label: "选项一",
                value: "0",
                children: [
                  {
                    label: "选项1-1",
                    value: 11,
                  },
                  {
                    label: "选项1-2",
                    value: 12,
                  },
                ],
              },
              {
                label: "选项二",
                value: "1",
              },
              {
                label: "选项三",
                value: "2",
              },
            ],
            span: 24,
            display: true,
            props: {
              label: "label",
              value: "value",
              desc: "desc",
            },
            prop: "a166126914632983946",
            cascader: [],
            // required: true,
          },
          {
            // 文件上传配置具体情况补充
            type: "upload",
            label: "上传",
            span: 24,
            display: true,
            prop: "a166126914632983947",
            // vant-form的必填校验有bug
            // required: true,
          },
          // 日期，时间，日期时间三个组件
          // 移动端一个组件通过:type="datetimeType"匹配
          {
            type: "date",
            label: "日期",
            span: 24,
            display: true,
            prop: "a166126914632983950",
            // required: true,
          },
          {
            type: "time",
            label: "时间",
            span: 24,
            display: true,
            prop: "a166126914632983951",
            // required: true,
          },
          {
            type: "datetime",
            label: "日期时间",
            span: 24,
            display: true,
            prop: "a166126914632983952",
            // required: true,
          },
          // 日期，时间，日期时间三个组件end
          {
            type: "switch",
            label: "开关",
            span: 24,
            display: true,
            prop: "a166126914632983953",
            // required: true,
          },
          {
            type: "rate",
            label: "评价",
            span: 24,
            display: true,
            prop: "a166126914632983954",
            // vant-form的必填校验有bug
            // required: true,
          },
          {
            type: "slider",
            label: "滑块",
            span: 24,
            display: true,
            prop: "a166126914632983955",
            min: 0,
            max: 10,
            step: 1,
            //
            // required: true,
          },

          {
            type: "dynamic",
            label: "子表单",
            span: 24,
            display: true,
            prop: "a166126914632983960",

            // required: true,

            children: {
              align: "center",
              headerAlign: "center",
              index: false,
              addBtn: true,
              delBtn: true,
              column: [
                {
                  type: "datetime",
                  label: "日期时间",
                  span: 24,
                  display: true,
                  prop: "a166126914632983961",
                  required: true,
                },
                {
                  type: "switch",
                  label: "开关",
                  span: 24,
                  display: true,
                  prop: "a166126914632983962",
                  // required: true,
                },
                {
                  type: "rate",
                  label: "评价",
                  span: 24,
                  display: true,
                  prop: "a166126914632983963",
                  // vant-form的必填校验有bug
                  // required: true,
                },
              ],
            },
          },

          {
            type: "ueditor",
            label: "富文本",
            span: 24,
            display: true,
            prop: "a166126914632983956",
            //
            // required: true,
          },
        ],
        labelPosition: "left",
        labelSuffix: "：",
        labelWidth: 120,
        gutter: 0,
        menuBtn: true,
        submitBtn: true,
        submitText: "提交",
        emptyBtn: true,
        emptyText: "清空",
        menuPosition: "center",
        // option里的全局配置
        // 全局详情模式
        // detail: true,
        // // 全局只读
        // readonly: true,
        // // 全局禁用
        // disabled: true,
        group: [
          {
            label: "分组1",
            prop: "a166127124877024454",
            arrow: false,
            collapse: true,
            display: true,
            column: [
              {
                type: "input",
                label: "单行文本",
                span: 12,
                display: true,
                prop: "a166127125124516760",
              },
              {
                type: "input",
                label: "单行文本",
                span: 12,
                display: true,
                prop: "a166127125342541010",
              },
            ],
          },
          {
            label: "分组2",
            prop: "a1661271248770244541",
            arrow: false,
            collapse: true,
            display: true,
            column: [
              {
                type: "input",
                label: "单行文本",
                span: 12,
                display: true,
                prop: "a1661271251245167601",
              },
              {
                type: "input",
                label: "单行文本",
                span: 12,
                display: true,
                prop: "a1661271253425410101",
              },
            ],
          },
        ],
      },
      // 员工信息收集表配置
      // option: {
      //   column: [
      //     {
      //       type: "input",
      //       label: "员工编号",
      //       span: 24,
      //       display: true,
      //       prop: "ygbh",
      //       eformModel: ["ygbh"],
      //       modelType: "string",
      //     },
      //     {
      //       label: "姓名",
      //       params: { key: "nickName" },
      //       custom: "customInfo",
      //       type: "customInfo",
      //       component: "customInfo",
      //       span: 24,
      //       prop: "xm",
      //       eformModel: ["xm"],
      //       modelType: "string",
      //       readonly: false,
      //       disabled: true,
      //     },
      //     {
      //       type: "radio",
      //       label: "性别",
      //       dicData: [
      //         { label: "男", value: "男" },
      //         { label: "女", value: "女" },
      //       ],
      //       span: 24,
      //       display: true,
      //       props: { label: "label", value: "value" },
      //       prop: "xb",
      //       eformModel: ["xb"],
      //       modelType: "string",
      //     },
      //     {
      //       label: "联系电话",
      //       params: { key: "mobile" },
      //       custom: "customInfo",
      //       type: "customInfo",
      //       component: "customInfo",
      //       span: 24,
      //       prop: "lxdh",
      //       eformModel: ["lxdh"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "身份证号",
      //       span: 24,
      //       display: true,
      //       prop: "sfzh",
      //       eformModel: ["sfzh"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "部门",
      //       span: 24,
      //       display: true,
      //       prop: "bm",
      //       eformModel: ["bm"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "板块",
      //       span: 24,
      //       display: true,
      //       prop: "bk",
      //       eformModel: ["bk"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "技术级别",
      //       span: 24,
      //       display: true,
      //       prop: "jsjb",
      //       eformModel: ["jsjb"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "职位",
      //       span: 24,
      //       display: true,
      //       prop: "zw",
      //       eformModel: ["zw"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "date",
      //       label: "入职日期",
      //       span: 24,
      //       display: true,
      //       format: "yyyy-MM-dd",
      //       valueFormat: "yyyy-MM-dd",
      //       prop: "rzrq",
      //       eformModel: ["rzrq"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "date",
      //       label: "转正日期",
      //       span: 24,
      //       display: true,
      //       format: "yyyy-MM-dd",
      //       valueFormat: "yyyy-MM-dd",
      //       prop: "zzrq",
      //       eformModel: ["zzrq"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "date",
      //       label: "离职日期",
      //       span: 24,
      //       display: true,
      //       format: "yyyy-MM-dd",
      //       valueFormat: "yyyy-MM-dd",
      //       prop: "lzrq",
      //       eformModel: ["lzrq"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "date",
      //       label: "就业登记",
      //       span: 24,
      //       display: true,
      //       format: "yyyy-MM-dd",
      //       valueFormat: "yyyy-MM-dd",
      //       prop: "jydj",
      //       eformModel: ["jydj"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "date",
      //       label: "就业登记注销",
      //       span: 24,
      //       display: true,
      //       format: "yyyy-MM-dd",
      //       valueFormat: "yyyy-MM-dd",
      //       prop: "jydjzx",
      //       eformModel: ["jydjzx"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "select",
      //       label: "学历",
      //       dicData: [
      //         { label: "本科", value: "本科" },
      //         { label: "大专", value: "大专" },
      //         { label: "硕士", value: "硕士" },
      //         { label: "博士", value: "博士" },
      //       ],
      //       span: 24,
      //       display: true,
      //       props: { label: "label", value: "value", desc: "desc" },
      //       prop: "xl",
      //       eformModel: ["xl"],
      //       cascader: [],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "毕业院校",
      //       span: 24,
      //       display: true,
      //       prop: "byyx",
      //       eformModel: ["byyx"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "专业",
      //       span: 24,
      //       display: true,
      //       prop: "zy",
      //       eformModel: ["zy"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "date",
      //       label: "毕业时间",
      //       span: 24,
      //       display: true,
      //       format: "yyyy-MM-dd",
      //       valueFormat: "yyyy-MM-dd",
      //       prop: "bysj",
      //       eformModel: ["bysj"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "户籍地址",
      //       span: 24,
      //       display: true,
      //       prop: "hjdz",
      //       eformModel: ["hjdz"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "select",
      //       label: "户籍属地",
      //       dicData: [{ label: "本市", value: "本市" }],
      //       span: 24,
      //       display: true,
      //       props: { label: "label", value: "value", desc: "desc" },
      //       prop: "hjsd",
      //       eformModel: ["hjsd"],
      //       cascader: [],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "社保关系",
      //       span: 24,
      //       display: true,
      //       prop: "sbgx",
      //       eformModel: ["sbgx"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "职业类型",
      //       span: 24,
      //       display: true,
      //       prop: "zylx",
      //       eformModel: ["zylx"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "职业技能",
      //       span: 24,
      //       display: true,
      //       prop: "zyjn",
      //       eformModel: ["zyjn"],
      //       modelType: "string",
      //     },
      //     {
      //       type: "input",
      //       label: "职称资格",
      //       span: 24,
      //       display: true,
      //       prop: "zczg",
      //       eformModel: ["zczg"],
      //       modelType: "string",
      //     },
      //     {
      //       label: "个人照片",
      //       params: { type: "image", fileType: "image/jpeg", fileSize: 2 },
      //       custom: "customUpload",
      //       type: "customUpload",
      //       component: "customUpload",
      //       span: 24,
      //       prop: "grzp",
      //       eformModel: ["grzp"],
      //       modelType: "string",
      //     },
      //     {
      //       label: "银行卡照片（招行）",
      //       params: { type: "image", fileType: "image/jpeg", fileSize: 2 },
      //       custom: "customUpload",
      //       type: "customUpload",
      //       component: "customUpload",
      //       span: 24,
      //       prop: "yhkzp",
      //       eformModel: ["yhkzp"],
      //       modelType: "string",
      //     },
      //     {
      //       label: "证件照正面",
      //       params: { type: "image", fileType: "image/jpeg", fileSize: 2 },
      //       custom: "customUpload",
      //       type: "customUpload",
      //       component: "customUpload",
      //       span: 24,
      //       prop: "zjzzm",
      //       eformModel: ["zjzzm"],
      //       modelType: "string",
      //     },
      //     {
      //       label: "证件照背面",
      //       params: { type: "image", fileType: "image/jpeg", fileSize: 2 },
      //       custom: "customUpload",
      //       type: "customUpload",
      //       component: "customUpload",
      //       span: 24,
      //       prop: "zjzbm",
      //       eformModel: ["zjzbm"],
      //       modelType: "string",
      //     },
      //     {
      //       label: "学位证照片",
      //       params: { type: "image", fileType: "image/jpeg", fileSize: 2 },
      //       custom: "customUpload",
      //       type: "customUpload",
      //       component: "customUpload",
      //       span: 24,
      //       prop: "xwzzp",
      //       eformModel: ["xwzzp"],
      //       modelType: "string",
      //     },
      //     {
      //       label: "毕业证照片",
      //       params: { type: "image", fileType: "image/jpeg", fileSize: 2 },
      //       custom: "customUpload",
      //       type: "customUpload",
      //       component: "customUpload",
      //       span: 24,
      //       prop: "byzzp",
      //       eformModel: ["byzzp"],
      //       modelType: "string",
      //     },
      //   ],
      //   labelPosition: "left",
      //   labelSuffix: "：",
      //   labelWidth: 120,
      //   gutter: 0,
      //   menuBtn: true,
      //   submitBtn: true,
      //   submitText: "提交",
      //   emptyBtn: true,
      //   emptyText: "清空",
      //   menuPosition: "center",
      // },

      // 自定义是否是详情展示不可编辑,全局配置
      detail: false,

      // 初始化填写数据
      form: {},
      // 测试数据回显
      // form: {
      //   a166126914632983938: "1",
      //   a166126914632983939: "2",
      //   a166126914632983940: "3",
      //   a166126914632983941: 4,
      //   a166126914632983942: "北京市/北京市/东城区",
      //   a166126914632983943: "1",
      //   a166126914632983944: ["0", "1"],
      //   a166126914632983945: "2",
      //   a166126914632983946: "选项1-2",
      //   a166126914632983947: [
      //     {
      //       file: {},
      //       status: "",
      //       message: "",
      //       isImage: true,
      //       content:
      //         "",
      //       filebaseId: "616a9143-fd4a-412f-9118-6c56ac459340",
      //       baseUrl: "/filebase/api/v1/app/files/616a9143-fd4a-412f-9118-6c56ac459340?inline=true",
      //       // url: "https://img01.yzcdn.cn/vant/leaf.jpg"
      //     },
      //   ],
      //   a166126914632983950: "2022-09-01",
      //   a166126914632983951: "12:00",
      //   a166126914632983952: "2022-09-01 14:03",
      //   a166126914632983953: true,
      //   a166126914632983954: 4,
      //   a166126914632983955: 6,
      //   a166126914632983960: [
      //     {
      //       a166126914632983961: "",
      //       a166126914632983962: "",
      //       a166126914632983963: "",
      //     },
      //     {
      //       a166126914632983961: "2022-09-01 14:04",
      //       a166126914632983962: true,
      //       a166126914632983963: 4,
      //     },
      //   ],
      //   a166126914632983956: "<p>5555</p>",
      //   a166127125124516760: "",
      //   a166127125342541010: "",
      //   a1661271251245167601: "",
      //   a1661271253425410101: "",
      // },
    };
  },
  async mounted() {
    // this.userinfo();
  },
  methods: {
    /**
     * @description: AForm点击提交触发父组件自定义事件
     * @param {*} data
     * @return {*}
     */
    aFormMethods(data) {
      console.log("a-form-data :>> ", data);
      console.log("a-form-form :>> ", this.form);
    },

    async userinfo() {
      let resp = await this.$request.idaas.getLoginUserInfo();
      console.log("resp", resp);
    },
    async test() {},
  },
};
</script>

<style lang="scss" scoped>
.bpmn-index-view {
  .header {
    padding: 10px 20px;
    background-color: #ffffff;
  }
  .todo {
    margin-top: -1rem;
    padding-left: 20px;
    padding-right: 20px;
  }
  .content-main {
    margin-top: 1rem;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f2f3f5;
    .app-list {
      margin: 0 10px;
      padding: 10px;
      background-color: #ffffff;
      min-height: 200px;
    }
  }
  .user-logo {
    position: relative;
    vertical-align: middle;
    display: inline-block;
  }
  .banner {
    margin-top: 5px;
  }
}

.form-page{
  min-height: 100vh;
}
</style>
